<template>
  <div class="about">
    <h1>This is an about page</h1>
    <!-- 组件跳转 -->
    <!-- path跳转 -->
    <router-link to="/my">去个人中心</router-link>
    <br>
    <router-link :to="{path:'/my'}">去个人中心</router-link>
    <br>
    <!-- name跳转  :to={name:'Myperson'}   -->
    <router-link :to="{name:'Myperson'}">去个人中心</router-link>
    <div>
      <router-link to="/about/aboutNews">新闻</router-link>|
      <router-link to="/about/aboutGoods">商品</router-link>
    </div>
    <div style="width:1000px;height:400px;background:skyblue;">
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
export default {

}
</script>
<style lang="less">
</style>